<div class="col4" id="side">
  <div class="container cl side">
    <div class="content">
      <div class="col9">
        <input class="cl field search default" type="text" disabled placeholder="暂不能搜索" />
      </div>
      <div class="col3">
        <button class="cl button search blue"><i class="icon-search"></i></button>
      </div>

      <div class="col12">
        <div class="widget text">
          <p>如果发现网页不忍直视，或许你应该换一个更先进点的浏览器</p>
          <p>但更有可能是审美观不一致</p>
        </div>
      </div>

      <div class="col12">
        <div class="widget">
          <h2>CATEGORY</h2>
          <ul class="category-list">
            <% Category.where.not(slug: nil).each do |cate| %>
                <li class="<%= params[:category_slug] == cate.slug ? 'active' : '' %> clearfix">
                  <div class="arrow"><i class="icon-arrow-right"></i></div>
                  <%= link_to cate.name, articles4category_path(cate.slug) %>
                  <span class="count pull-right"><%= cate.count %></span>
                </li>
            <% end %>
          </ul>
        </div>
      </div>

      <div class="col12">
        <div class="widget">
          <h2>LAST POST</h2>
          <ul class="last_post-list">
            <% Article.archives.limit(5).each do |article| %>
                <li class="clearfix">
                  <%= link_to article.title, article_path(article.slug) %>
                  <span class="created_at"><%= l article.created_at, format: '%m-%d' %></span>
                </li>
            <% end %>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>